<template>
	<section style="width: 1200px;margin: 0 auto;">
		<div class="tuzhi-content">
			<img src="../../../static/img/draw/diantie_01.jpg"/>
			<div class="tuzhione">
				<div class="tuzhisec-box">
					<div class="clearfix">											
						<div class="box-list fl">
							<p>Target user group</br>目标用户群体</p>
							<textarea name="" v-model="content.Target" v-bind:readonly="use" cols=""></textarea>
						</div>
						<div class="box-list fr">
							<p>User core demands</br>用户核心诉求</p>
							<textarea name="" v-model="content.User" v-bind:readonly="use" cols=""></textarea>						
						</div>	
					</div>
					<div class="box-lists">
						<p>Product / Service </br>产品/服务</p>
						<textarea name="" v-model="content.Product" v-bind:readonly="use" cols=""></textarea>							
					</div>
					<div class="clearfix">											
						<div class="box-list fl">
							<p>Details of the market attribution</br>细节市场归属</p>
							<textarea name="" v-model="content.Details" v-bind:readonly="use" cols=""></textarea>
						</div>
						<div class="box-list fr">
							<p>Lrreplaceable user value</br>不可代替的用户价值</p>
							<textarea name="" v-model="content.Lrreplaceable" v-bind:readonly="use" cols=""></textarea>						
						</div>	
					</div>	
					<div class="clearfix" style="margin-top: 20px;">											
						<div class="box-list fl">
							<p>Competitor</br>竞争对手</p>
							<textarea name=""  v-model="content.Competitor" v-bind:readonly="use" cols=""></textarea>
						</div>
						<div class="box-list fr">
							<p>Differentiated competitive advantage</br>差异化竞争优势</p>
							<textarea name="" v-model="content.Differentiated" v-bind:readonly="use" cols=""></textarea>						
						</div>	
					</div>						
				</div>
			</div>	
			<img src="../../../static/img/draw/dianties_03.jpg" style="margin-top: 55px;"/>
		</div>		
	</section>
</template>

<script>
	export default{
		data(){
			return{
				content:{
					Target:"",
					User:"",
					Product:"",
					Details:"",
					Lrreplaceable:"",
					Competitor:"",
					Differentiated:""
				},
				use:false
			}
		},
		watch:{
			'tochild.content':function(){
				if(this.tochild.content){
					this.content=this.tochild.content;			
				}				
			}			
		},		
		methods:{
			
		},
		created(){
			var _this=this;
			if(_this.tochild.use==false){
				_this.use=false
			}else{
				_this.use=true
			}				
		},			
		props:['tochild'],
		mounted(){
			if(this.tochild.content){
				this.content=this.tochild.content;
			}
		}
	}
</script>

<style scoped src='../../../static/css/all.css'>
</style>